<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="conten">
        <hearder>
            <ul class="daohang">
                <li><a href="#">留言板</a></li>
                <li><a href="#">小游戏</a></li>
                <li><a href="#">练习3</a></li>
                <li><a href="#">练习4</a></li>
                <li><a href="#">练习5</a></li>
                <li><a href="#">练习6</a></li>
                <li><a href="#">练习7</a></li>
                <li><a href="#">练习8</a></li>
            </ul>
        </hearder>
        <main>
            <!-- 留言板 -->
            <div class="message">
                <div class="time">当前的时间是:</div>
                <div class="board">
                    <p class="liuyan">留言板</p>
                    <input type="text" class="int" placeholder="请输入内容">
                    <div class="main"></div>
                </div>
            </div>
            <!--  小游戏 -->
            <div class="game">
                <div class="game-box">
                    <div class="game-left">
                        <ul class="game-ul">
                            <li class="dian"></li>
                            <li class="dian"></li>
                            <li class="dian"></li>
                            <li>+</li>
                        </ul>
                    </div>
                    <div class="game-right">00:00:<span class="gameTime"></span></div>
                </div>
                <div class="jilu">
                    <table border="1" width="100%">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>点数</th>
                                <th>大小</th>
                                <th>输赢</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <button class="btn">下注</button>
            </div>
            <!-- 学生信息表 -->
            <div class="xinxi">
                <h1>会员充值中心</h1>
                <form class="info" autocomplete="off">
                    姓名：<input type="text" class="uname" name="uname" />
                    年龄：<input type="text" class="age" name="age" />
                    性别:
                    <select name="gender" class="gender">
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                    充值金额：<input type="text" class="salary" name="salary" />
                    <!-- 就业城市：<select name="city" class="city">
                        <option value="北京">北京</option>
                        <option value="上海">上海</option>
                        <option value="广州">广州</option>
                        <option value="深圳">深圳</option>
                        <option value="曹县">曹县</option>
                    </select> -->
                    手机号码:<input type="text" class="modie"  />
                    <button class="add">录入</button>
                </form>

                <h1>会员列表</h1>
                <table class="biaoge">
                    <thead>
                        <tr>
                            <th>会员号</th>
                            <th>姓名</th>
                            <th>会员充值</th>
                            <th>性别</th>
                            <th>充值金额</th>
                            <th>手机号码</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody class="meixiang">
                        <!--  占位-->
                    </tbody>
                </table>
            </div>
        </main>
        <footer>
        </footer>
    </div>
    <script src="./js/index.js"></script>
</body>

</html>